{% extends "configurarFaseLayout.html" %}
{% block subbodyfase %}
<script type="text/javascript"
	src="{{ url_for('static', filename='jquery.min.js') }}"></script>
<script>
	function enviar() {
		var valor = new Array();
		var fechaini = document.form.fechaini.value;
		var fechafin = document.form.fechafin.value;
		
		if (fechaini == "") {
			alert("Favor selecciona una fecha de inicio. ");
			return false;
		}
		if (fechafin == "") {
			alert("Favor selecciona una fecha de finalizacion. ");
			return false;
		}
		var fecha= new Date(fechaini);
		var fecha2= new Date(fechafin);
		if(fecha2<fecha){
			alert("Verifique las fechas");
			return false;
		}
		return true;
	}
	/*carga();
	function carga(){
		$.get('cargaAtributos', {
			tipoitem: $('#idtipoitem').val()
		}, function(data, status){
			$('#atributos').empty();
			jQuery(data).appendTo($('#atributos'))
		})
	}*/
	function calcularDuracion(){
		var fechaini = document.form.fechaini.value;
		var fechafin = document.form.fechafin.value;
		var fecha= new Date(fechaini);
		var fecha2= new Date(fechafin);
		var duracion= (fecha2-fecha)/(3600*24000)+1;
		if(duracion)
			if(duracion>0)
				document.form.duracion.value=duracion;
			else
				document.form.duracion.value=0;
		else
			document.form.duracion.value=0;
	}
	function cargaTipoItem(codigo){
		document.form.codigotipoitem.value=codigo;
		$.get('cargaTipoItem', {
			tipoitem: $('#idtipoitem').val()
		}, function(data, status){
			document.form.numeroitem.value=data;
		})
	}
	
	function adjuntar(){
		document.form.codigotipoitem.value=codigo;
		$.get('cargaTipoItem', {
			tipoitem: $('#idtipoitem').val()
		}, function(data, status){
			document.form.numeroitem.value=data;
		})
	}

</script>
<center>
	<div class=titulorojo>CREAR ITEM</div>
	<br> <br>
	<form id="form" name="form" action="crearItem" method="post"
		onSubmit="return enviar();">
		<table>
			<input type="hidden" name="filtro" value="{{ filtro }}">
			<input type="hidden" name="idfase" value="{{ idfase }}">
			<input type="hidden" name="creador" value="{{ session.username }}">
			<tr>
				<td class=titulochico>Nombre</td>
				<td><input name="nombre" type="text" required 
				placeholder="Escriba un nombre para el item"></td>
			</tr>
			<tr>
				<td class=titulochico>Costo</td>
				<td><input name="costo" type="text" required 
				onkeypress="return isNumberKey(event)"
				placeholder="Introduzca un monto en Gs"></td>
				<td class=titulochico>Complejidad</td>
				<td><input name="complejidad" type="text" required
				onkeypress="return isNumberKey(event)"
				placeholder="Introduzca un monto en Gs"></td>
			</tr>
			<tr>
				<td class=titulochico>Fecha Inicio</td>
				<td><input name="fechaini" id="fechaini" type="text" readOnly onChange="calcularDuracion()">
				<button type="button" id="calendario1">
					<img src="{{ url_for('static', filename='calendario.gif') }}">
				</button>
				<script type="text/javascript">
					Calendar.setup({		
					inputField : "fechaini", // id del campo de texto		
					ifFormat : "%Y-%m-%d", // formato de la fecha que se escriba en el campo de texto		
					button : "calendario1" // el id del botón que lanzará el calendario	
					});
					</script>
				</td>
				<td class=titulochico>Fecha Fin</td>
				<td><input type="text" name="fechafin" id="fechafin" readOnly  onChange="calcularDuracion()"/>
		          <button type="button" id="calendario2">
		          	<img src="{{ url_for('static', filename='calendario.gif') }}">
		          </button>
		          <script type="text/javascript">
					Calendar.setup({		
					inputField : "fechafin", // id del campo de texto		
					ifFormat : "%Y-%m-%d", // formato de la fecha que se escriba en el campo de texto		
					button : "calendario2" // el id del botón que lanzará el calendario	
					});
					</script>
				</td>
			</tr>
			<tr>
				<td class=titulochico>Duracion</td>
				<td><input name="duracion" type="text" readOnly 
				onkeypress="return isNumberKey(event)"
				></td>
				<td class=titulochico>Version</td>
				<td><input name="version" type="text" readOnly value="1"></td>
				
			</tr>
			<tr>
				<td class=titulochico>Numero Item</td>
				<td><input name="codigotipoitem" size="1px" value="{{ tipos[0].codigo }}" readOnly>-
					<input name="numeroitem" id="numeroitem" size="4" type="text" value="" readOnly></td>
				<td class=titulochico>Tipo Item</td>
				<td><select id="idtipoitem" name="idtipoitem" > 
				{% for tipo in tipos : %} 
					<option value="{{ tipo.idtipoitem }}" onClick="cargaTipoItem('{{ tipo.codigo }}')">{{ tipo.nombre }}</option> 
				{% endfor %}
				</select></td>
			</tr>
			<tr id="atributos">
			</tr>
			<tr>
				<td class=titulochico>Creador</td>
				<td><input name="creador" type="text" value="{{ creador }}" readOnly></td>
				<td class=titulochico>Usuario última modificación</td>
				<td><input name="usuarioultimamod" type="text" value="{{ usuarioUltimaMod }}" readOnly></td>
			</tr>
			</tr>

			<tr>
				<td></td>
				<td><input name="aceptar" value="Aceptar" type="submit"><input
					name="cancelar" value="Cancelar" type="button" 
					onClick="location.href='abmItem?abm=abmItem&idfase={{ idfase }}&filtro={{ filtro }}'"></td>
			</tr>
		</table>
	</form>
<script>
	cargaTipoItem('{{ tipos[0].codigo }}');
</script>
</center>
{% endblock subbodyfase %}
